*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
.container{

}
html{
	font-size: 12px;
}
.head_box{
   height: 60vh;
   background-image: url(../img/main_background.jpg);
   background-position: center;
   background-size: cover;
   
   
}


.head_text{
	display: table;
}

.text{
	display: table-cell;
	vertical-align: middle;
	height: 50vh;
}
h1{
	font-size: 5rem;
	color:white;
	font-family: arial;
    text-align: center;
    background: rgba(84,84,84,0.6);
    padding: 5rem 0;
    line-height: 8rem;

}

p{
	font-size: 2.5rem;
	font-family: arial;
	line-height: 2.8rem;
}

h2{
	font-size: 3rem;
	padding-bottom: 7.5rem;
	font-family: impact;
}


h3{
	font-size: 2.7rem;
	text-align: center;
    font-family: arial;
    padding: 7.5rem 0;
    text-transform: uppercase;
}

.col{
	padding-left: 10rem;
	padding-right: 6.25rem;
	padding-top: 7.5rem;

}

.col1,
.col2{
	height: 71.4rem;
	border-bottom: 0.5rem solid black;

}

.col3,
.col4{
   height:100rem;
   border-bottom: 0.5rem solid black;


}

.col5,
.col6{
   height: 63rem;



}

.col7,
.col8{
   height: 46rem;
   border-top: 0.5rem solid black;
   border-bottom:  0.5rem solid black;


}

.col3 p{
	border-left:7px solid black ;
	padding-left: 20px;
}
.col5 p{
	border-left:7px solid black ;
	padding-left: 20px;
}
.col1{
	background: #a1a3a0;
}
.col2{
	background: white;
}
.col3{
	background: white;
}

.col4{
	background: #a1a3a0;
}
.col5{
	background: #a1a3a0;
}
.col6{
	background: white;
}
.col7{
	background:  #a1a3a0;
}
.col8{
	background:  #a1a3a0;
}


.photo{
	text-align: center;
	padding: 7.5rem 0;
}
img{
	max-width: 90%;
  padding-top: 6rem;
}
@media only screen and (max-width : 6000px) {

.col3,
.col4{
  height: 65rem;
}


}

@media only screen and (max-width : 1700px) {
html{
  font-size: 12px;
}
.col3,
.col4{
  height: 75rem;
}


}

@media only screen and (max-width : 1400px) {
html{
  font-size: 12px;
}
.col3,
.col4{
  height: 85rem;
}


}
 @media only screen and (max-width : 1200px) {


.col3,
.col4{
  height: 100rem;
}

 }
 @media only screen and (max-width : 760px) {
.col1{
       height: 340px;
    }
      .col2{
      
    }
      .col3{
        height: 390px;
      
    }
      .col4{
      height: 580px;
    }
      .col5{
        height: 340px;

    }

    .col7{
      height: 280px;
    }


 }

 @media only screen and (max-width : 500px) {
  .col4{
      height: 650px;
    }
 }

   @media only screen and (max-width : 480px) {


    .col1{
       height: 250px;
    }
      .col2{
      
    }
      .col3{
        height: 290px;
      
    }
      .col4{
      height: 550px;
    }
      .col5{
        height: 270px;

    }

    .col7{
      height: 220px;
    }

   }



/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 220px) {
         html{
       	font-size: 5px;
       }




}
 
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
       html{
       	font-size: 7px;
       }
   


    
    }
 
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
       html{
       	font-size: 7px;
       }
     

    }