{
    box-sizing: border-box;
}






.title{
    padding-top: 80px;
    
}






.video{
    width: 100%; 
    float: left;
    border-top: 2px solid rgb(0, 174,239);

}
iframe{
    width: 100%;

}




.Day{
    
    padding: 10 0 0 0
    
}

#price{
    
    
}



em{
    color:rgb(0, 0, 0);
}

#productdescription{
    font-size: 20px;
    color: #606060;
    
}

h2{
    color: rgb(0, 0, 0);
    padding-top: 1em;
    font-size: 35px;

}



h4{
    
    font-size: 1em;
    color: #606060;
    font-weight: 400;
}

#zapopan-identity{
    
    font-size: 22px;
    
    
}

#cityrap-identity{
    
    font-size: 22px;
    
    
}

.col-12 p{
    
    font-size: 22px;
    
}



.portfolio ul li{
    list-style-type:none;
    display:block;
    font-size: 36px;
}


.subnav{
    float: left;
    list-style-type: none;
    font-style: italic;
    color: black;
    padding-bottom: 1em;

}



<!-- here begins the hover effects on the pictures -------------------->

.logos{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.logos:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);

}

<!-- here begins the @media for responsive --------------------------->

@media only screen and (min-width: 480px ) {
    
    body {max-width:900px ; margin: 0 auto;}

    
    
}

@media only screen and (min-width: 480px ) {
    
    body {max-width:900px ; margin: 0 auto;}
    .col p{ line-height: 1.4; font-size: 1.2em;padding-top: 1em; width: 35%; float: right}
    .subnav {padding: 1em;}
}

<!-- here begins css for the contact form ------------------->

h4{
     font-family: 'Archivo Narrow', sans-serif;
}

.form {  
    width: 100%; 
    float: left;
    padding-bottom: 1em;
}