html        {background-color: #020202;  font-family: 'Tenor Sans';}
body		{background-color: #050505; max-width: 900px; color: #bbbbbb; text-align: center; margin:auto; transition: 0.5s; font-family: 'Tenor Sans'; font-weight: normal;
    font-style: normal;}
a	    	{color: #f9a36a; text-decoration: none; transition: 0.5s;}
a:hover 	{color: #449F8D; cursor: pointer; transform: scale(1.2); transition:0.5s;}

b	    	{color: #f9a36a;}

h3	    	{font-size: 120%; font-family: 'Tenor Sans'; font-weight: normal;
    font-style: normal; color:#efefef;}
    
h4          {font-size: 110%; font-family: 'Tenor Sans'; font-weight: normal;
    font-style: normal; color: black; background: #f9a36a; text-align: center; width:50%;}
    
hr 		    {width:60%; color: #f9a36a; }
p 	    	{color: #bbbbbb; font-size: 130%; width:80%; margin:auto; font-family: 'Tenor Sans';
    font-weight: normal;
    font-style: normal;}
    ul {color: #bbbbbb; font-size: 130%; width:80%; margin:auto; font-family: 'Tenor Sans';
    font-weight: normal;
    font-style: normal;}

footer 		{border-top: 1px solid #f9a36a; margin-top: 10%; font-size: 50%;}
header 		{width:100%; background-color: #000000; border-bottom:2px solid #f9a36a; text-align: left; position: fixed; max-width:900px;max-height:110px; z-index:100;}

.Logo		{ width: 70%; margin-top: 3%;}


.phone		{ width:1%; margin-top: 2.5%; margin-bottom: 2.5%; margin-left: 5%; transition:0.5s;}
.phone:hover {transform: scale(1.2); transition:0.5s;}
.Phonenumber {color: #f9a36a; font-size: 2.4vw; margin-top:9%;}

.top {font-size: 120%; padding-top:5%;}

.icon {position:relative; float:right ; width: 5%;  padding-top: 20%; transition: 0.5s;}

.info {float:left; width: 24%; background-color:#f9a36a; padding-bottom: 5%; margin:0.5%; max-height:250px;}
.ico {width: 25%; background-color:#f9a36a;margin:5%; }
.infotop {background-color:black; color:#f9a36a; width:90%; margin:5%;}
.infobottom {color:black; margin:5%; width:90%; font-size:100%;}

.YouTube {width:95%; margin-left: 2.5%; margin-bottom:1%;}

.gallery { width:100%;}
.gimg {width:45%;}
.gimg2 {width:45%;}
    
    .button {position: relative; text-align:center; border:2px solid #f9a36a; padding:0%; margin-left:25%; width:50%;transition:0.5s;}
    .button:hover {background-color:#111; border:2px solid #449F8D;cursor: pointer; transform: scale(1.05); transition:0.5s;}
    
    .buttonm {position: relative; text-align:center; border:2px solid #f9a36a; padding:0%; margin-left:10%; width:80%;}

    #hyded {display:none;}
	#pc {display: block;}
	#mb {display: none;}
	
	

@media screen and (max-width: 1100px) {
    	
	#pc {display: none;}
	#mb {display: block;}
	
    body {font-size:250%; max-width:900px; margin: auto;}
    
    footer 		{font-size: 15%;}
    
    p {width:100%; font-size:100%;}
    h3 {font-size: 150%;}
    h4  {font-size: 100%; font-family: 'Tenor Sans'; font-weight: normal;
    font-style: normal; color: black; background: #f9a36a; text-align: center; padding:auto; width:70%;}
	
	.button { width: 100%;  font-size:300%; border: 2px solid #f9a36a; color: #f9a36a; background-color: #000000; margin: auto; vertical-align: middle; margin-bottom:5%;}
	
    .circle {width:50%; max-width: 800px;}
	.icon {width: 10%; margin-left:15%; margin-right:15%; margin-bottom:5%; transition: 0.5s;}
	.icon-m {width:5%; vertical-align: middle;}
	
	.phone {width:10%;}
	.Inst {margin-left:20%; width:10%;}
	.Logo {width:100%; margin-top:0%;}
	.head {margin-top:15%;}

	.gimg {width:90%;}
	.gimg2 {width:45%;}
	
	.Phonenumber {color: #f9a36a; font-size: 120%;}
	
	.info {width: 40%; margin:5%; border:none; font-size:90%; max-height:700px;}
    .ico {width: 50%;}
}

@font-face {
    font-family: 'Tenor Sans';
    src: url('TenorSans.eot');
    src: local('Tenor Sans'), local('TenorSans'),
        url('fonts/TenorSans.eot?#iefix') format('embedded-opentype'),
        url('fonts/TenorSans.woff2') format('woff2'),
        url('fonts/TenorSans.woff') format('woff'),
        url('fonts/TenorSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'DM Serif Display';
    src: local('DM Serif Display Regular'), local('DM-Serif-Display-Regular'),
        url('fonts/DMSerifDisplay-Regular.woff2') format('woff2'),
        url('fonts/DMSerifDisplay-Regular.woff') format('woff'),
        url('fonts/DMSerifDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

*/