@import url('https://fonts.googleapis.com/css?family=Lato');
@charset "UTF-8";
/**

   Style CSS 
   Author : Ryan Flierman (info@ryanflierman.nl)
   
**/

#nav {
display : block;
}
.navigation {
display : none;
}
.selectnav {
display : none;
}
.mobile-youtube {
display : none;
}
@media only screen and (min-width:768px) and (max-width:960px) {
.selectnav {
display : none;
}

#nav {
display : block;
}
.mobile-youtube {
display : none;
}

#nav {
margin-left : 20%;
}

.identity img {
  display: block;
  margin: 35px auto 20px;
  width: 230px;
}
.title {
  font-size: 23px;
  text-align: center;
}
.subtitle {
  font-size: 17px;
  margin-bottom: 30px;
  margin-top: 15px;
  text-align: center;
}
.article-row p {
width : 310px;
}
.download {
  display: block;
  margin-bottom: 35px;
  overflow: hidden;
}
.download p {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.map-info h2 {

font-size : 27px;
font-weight : normal;
margin-top : 110px;
margin-left : 89px;
}
.map-info p {

font-size : 16px;
font-style : italic;
font-weight : normal;
margin-top : 15px;
margin-left : 89px;
width : 315px;
}
.link-row {
display : block;
margin-bottom : 45px;
margin-top : 45px;
overflow : hidden;
}
.link-row p {
color : #353535;
font-size : 10px;
font-weight : 600;
}
    
    
.youtube iframe {
  width: 100% !important;
    
}
.footer-logo img {
margin-bottom : 32px;
margin-top : 20px;
}
    .contact_form {
        width: 100% !important;
      }    
    
 }
      #Name {
        width: 200px !important;
      }
      #Email {
        width: 200px !important;
      }
      #textarea {
        width: 400px !important;
      }
      #submit-button {
        margin-left: 80px !important;
      }
}
@media only screen and (min-width:480px) and (max-width:767px) {
#nav {
display : none;
}
.selectnav {
background : none 0 0 repeat scroll #167bc6;
border : #ffffff solid 1px;
color : #ffffff;
display : block;
margin-left : 32%;
margin-top : 13px;
text-align : center;
width : 160px;
padding-top : 4px;
padding-bottom : 4px;
}
.desktop-youtube {
display : none;
}
.mobile-youtube {
  display: block;
}
.row {
margin : 0 auto;
width : 450px;
}

.identity img {
  display: block;
  margin: 35px auto 20px;
  width: 274px;
}
.title {
font-size : 31px;
}
.subtitle {
font-size : 19px;
margin-bottom : 30px;
margin-top : 25px;
}
.article-row p {
color : #000000;
font-size : 12px;
width : 410px;
}
.border {
background : none;
margin-left: 0 !important;
margin-right: 10px !important;
}
.border2 {
margin-left: 0 !important;
margin-right: 10px !important;
}

.youtube iframe {
width : 100% !important;
}
.download {
  display: block;
  margin-bottom: 35px;
  overflow: hidden;
}
.download p {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.map {
margin-bottom : 10px;
margin-top : 15px;
width : 210px;
margin-left : 85px;
}
.map-info h2 {
font-size : 28px;
font-weight : normal;
margin-top : 25px;
margin-left : 0;
text-align : center;
}
.map-info p {

font-size : 17px;
font-style : italic;
font-weight : normal;
margin-bottom : 55px;
margin-top : 15px;
margin-left : 0;
text-align : center;
width : 100%;
}
.link-row {
display : block;
margin-bottom : 45px;
margin-top : 45px;
overflow : hidden;
text-align: left !important;
}

.contact-form {
        width: 100% !important;
      }    
    
 }
      #Name {
        width: 200px !important;
      }
      #Email {
        width: 200px !important;
      }
      #textarea {
        width: 200px !important;
      }
      #submit-button {
        margin-left: 80px !important;
      }
.footer-logo {
display : none;
}
.copyright {
float : left;
font-size : 12px;
width : 100%;
margin-bottom : 25px;
}
}



@media only screen and (min-width:320px) and (max-width:479px) {
    
    
#nav {
display : none;
}
.selectnav {
background : #167BC6;
border : #FFFFFF solid 1px;
color : #FFFFFF;
display : block;
font-weight : normal;
margin-left : 64px;
margin-top : 13px;
text-align : center;
width : 160px;
padding-top : 4px;
padding-bottom : 4px;
}
.desktop-youtube {
display : none;
}
.mobile-youtube {
  display: block;
}

.link-row h2 {
text-align: left !important;
}
    
.identity img {
  display: block;
  margin: 40px auto 20px;
  width: 274px;
}
    
.identity h2,h3 {
text-align:left !important;
}
    
.title {
font-size : 25px;
}
    
.subtitle {
font-size : 18px;
margin-bottom : 10px;
margin-top : 25px;
    }
    
    oversos-title{
        text-align: left !important;
        margin-left: 0 !important;
    }
    
.article-title {
color : #1978c4;
display : block;
font-size : 25px;
overflow : hidden;
padding-bottom : 25px;
padding-top : 20px;
}
.article h2 {
color : #008ed6;
font-size : 17px;
margin-bottom : 5px;
}
.article-row p {
color : #000000;
display : block;
font-size : 12px;
overflow : hidden;
width : 260px;
}
.border {
background : none;
margin-left: 0 !important;
margin-right: 10px !important;
}
.border2 {
margin-left: 0 !important;
margin-right: 10px !important;
}

.youtube iframe {
width : 100% !important;
margin-left: 0px !important;
margin-top: 0px !important;
}

.youtube2 iframe {
margin-left: 0px !important;
margin-top: 0px !important;
width : 100% !important ;
}
    
.download {
  display: block;
  margin-bottom: 35px;
  overflow: hidden;
}
.download p {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.map {
margin-bottom : 10px;
margin-top : 15px;
}
.map-info h2 {
font-size : 12px;
margin-top : 25px;
text-align : left !important;
color : #fffefe;
}
.map-info p {

font-size : 15px;
margin-bottom : 55px;
margin-top : 15px;
text-align : center;
width : 100%;
}
.link-row {
display : block;
margin-bottom : 45px;
margin-top : 45px;
overflow : hidden;
}
    
    
.twitter-timeline {
display:block;
margin : 0 auto ;
width:90% !important;
height: auto;
}
    

.input-group {}
    #message{
        width: 90% !important;
    }
#message {
    background-color: #d9d9d9;
    height: 175px;
    resize: none;
    width: 90% !important;
}

.footer-logo {
display : none;
}
.copyright {
float : left;
font-size : 12px;
width : 100%;
margin-bottom : 25px;
}
    
}