.boxshadow {box-shadow: 0px 0px 15px 15px rgba(255,255,255,0.8);}

.row img{
    width: 96% !important;
    object-fit: contain;
    object-position: top center;
    border: solid 8px rgba(248, 248, 248, 1);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.column{float: left;}    
.column:nth-child(1n){width:38%;}
.column:nth-child(2n){width:55%;}

.column:nth-child(1n) span{float: left; padding: 0 0.2vw;}
.container-out:first-child, .container-out{padding: 10vh 0;}
.container-out:nth-child(2n) .column{float:right;}

.container-out:nth-child(2n-1) .column:nth-child(2n-1){padding:0px; padding-right: 30px;}
.container-out:nth-child(2n-1) h1, .container-out:nth-child(2n-1) p {text-align: right;} 
    
.container-out:nth-child(2n) .column:first-child{padding:0px; padding-left:30px;}
.container-out:nth-child(2n) h1, .container-out:nth-child(2n) p {text-align: left;}

h1 {font-size:;}
p {margin: 0;}

footer{padding-top: 15vh;}




@media only screen and (orientation: portrait) and (max-width:768px){
.column{float:none;} 
.column:nth-child(n){width:auto;}
    
.container-out:nth-child(2n-1) .column:nth-child(2n-1){padding: 20px 10vw 40px 20px;}
.container-out:nth-child(2n-1) h1, .container-out:nth-child(2n-1) p {text-align: left;} 
    
.container-out:nth-child(2n) .column:first-child{padding: 20px 20px 40px 10vw;}
.container-out:nth-child(2n) h1, .container-out:nth-child(2n) p {text-align: right;}

}


    
@media only screen and (min-width:2250px){ .container-out{width:60vw;}}
