body
{
	margin:0px;
}

#divLinks {
 position:relative;width:1260.845px;height:1274px;margin:auto;margin-top: 100px; 
}

.page {
  width:100%;height:100%;overflow:visible;
}

.abtus{


    border-bottom:2px solid rgb(218, 45, 45);
    font-size:30px;
     color: rgb(218, 45, 45);
}



.top-main
{
	width:100%;
	height:65px;
	margin-top:68px;
}
.back {
    width: 100%;
    height: 100%;
    background-image: url('../intro.jpg');
    background-size: cover;

    position: fixed;
    white-space: nowrap;
    z-index:1;
}

.front
{
	width: 100%;
    height: 100%;
    margin: auto;
    background-color:rgba(45, 45, 45, 0);
    background-size: cover;
     box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
     overflow: auto;
     position: absolute;
    z-index:11;
    top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.h2line
{
  width:99%;
  float:left;
  text-align: center;
  height:auto;
}




img 
{
	width:100%;
	height:100%;
	float:left;
}




/*    first Slide */

.maindiv1
{
	width:1259px;
	height:1600px;
}



/* Second Slide*/





.mainv42

{
width:1257px;
height:419px;
margin: auto;
}




@media only screen and (max-device-width: 480px) {
    /* STYLES HERE */
.abtus{


    border-bottom:2px solid rgb(218, 45, 45);
    font-size:4em;
    font-family: 'Lato', Calibri, Arial, sans-serif;
     color: rgb(218, 45, 45);
}


.mainv42

{
width:98%;
height:419px;
margin: auto;
}


#divLinks {
 position:relative;width:98%;height:1274px;margin:auto;margin-top: 100px; 
}


}


@media only screen and (min-device-width: 490px) and (max-device-width: 1030px) {

  .mainv42

{
width:98%;
height:419px;
margin: auto;
}


#divLinks {
 position:relative;width:98%;height:1274px;margin:auto;margin-top: 100px; 
}


}

}