.heroimg img {
    width: 100%;
}

body {
    width: 100%;
    margin: 0;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


figure {
    margin: 0;
}



.onimagetext {
   color: white;
   font-family: Poppins;
   /*background-color: rgba(255, 255, 255, 0.5);*/
	position: absolute;
	top: 10%;
	left: 23%;
	width: 52%;
	height: 50%;
	font-size: 1.5em;
	text-align: center;
   
    

}

p {
    line-height: 16px;
    letter-spacing: 1px;
}

h2 {
    font-size: 1.5em;
    line-height: 44px;
    margin-top: 50px;
}

a {
    text-decoration: none;
    color:white;
}

a:hover{
    text-decoration: underline;
}

.affiliate {
    margin-top: 300px;
}

@media only screen and (max-width: 767px){
    .onimagetext {
        font-size: 1em;
        
    }
    .affiliate {
        margin-top: 50px;
        text-decoration: underline;
    }

    .heroimg img {
        height: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    
    }
}