body {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    font-family: 'helvetica-neue', helvetica, sans-serif;
    overflow-x: hidden;
    
}

.content11{
    margin: 0.6%;
    width: 98.4%;
    height: auto;

}

h2{
    font-weight: 100;
    font-size: 22px;
}
.content11 p{
    font-weight: 300;
    line-height: 22px;
    font-size: 20px;
    color: black;
}
.content11 a{
    height: 490px;
}

.content111{
    width: 21%;
    float: left;
    margin: 2%;
    text-align: center;
    
}

.content111 img{
    width: 100%;
    border-radius: 12px;
}

.content111 p{
    color: white;
    font-size: 1em;
    
}

.content12{
    margin: 0.6%;
    width: 38%;
    height: 560px;
    float: left;
}



.content12 img:hover, .content13 img:hover{
    transform: scale(1.1);
}
h4{
    font-weight: 100;
    font-size: 20px;
    height: 30px;
}
.content13{
    margin: 0.6%;
    width: 98.4%;
    height: auto;;
    float: left
}
.content113{
    width: 18.8%;
    float: left;
    margin: 2.6%;
    text-align: center;
}
.content113 img{
    width: 98%;
    border-radius: 6px;
}
@media (max-width: 1480px){
    .content11 a{
    height: 400px;
}
@media (max-width: 960px){
    .content11 a{
    height: 360px;
}
    
}
@media (max-width: 640px){
 
    .content111{
    width: 98%;
    margin: 1% 1% 6% 1%;
}
    .content11 a{
    height: 580px;
}

    .content12{
    margin: 1%;
    width: 98%;
    height: 760px;
}
    .content13{
    margin: 1%;
    width: 98%;
    height: 1160px;
}
    .content112{
        box-shadow: 2px 2px 8px 1px rgba(120,120,120,0.1);
    }
    .content113{
        width: 44%;
        box-shadow: 2px 2px 8px 1px rgba(120,120,120,0.1);
    }
    
    
}