@media screen and (min-width: 1920px) 
{
}

@media screen and (max-width: 1366px) and (min-width: 1280px) 
{
    #main 
    {
        width: 83%;
        float: left;
    }

    .advertising 
    {
        width: 16%;
        padding-left: 1%;
        float: left;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1152px) 
{
    #image-contactus-header
    {
        height: 300px;
        background-image:url('http://resources.unimeta.edu.co/images/background/unimeta_contactus_100x100.png'), url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_2200x300.png");
        background-color: #fff;
        background-position: right center, left bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 20%, cover;
    } 

    #image-espiritrompas-header
    {
        height: 300px;
        background-image:url('http://resources.unimeta.edu.co/images/background/espiritrompa_220x220.png'), url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_2200x300.png");
        background-color: #fff;
        background-position: right center, left bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 10%, cover;
    } 

    #image-cisar2018-header
    {
        height: 300px;
        background-image:url('http://resources.unimeta.edu.co/images/background/right_backgroundunimeta_congress_220x220.png'), url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: right center, left bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 12%, cover;
    } 

    #image-csyp-header
    {
        height: 300px;
        background-image: url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: right center, left bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 12%, cover;
    } 

    #image-3CTerr2018-header
    {
        height: 300px;
        background-image: url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: right center, left bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 12%, cover;
    } 

    #vertical_navigation_menu 
    {
        width: 36%;
        float: left;
        padding-left: 4%;
    }

    #MMcontent 
    {
        width: 64%;
        float: left; 
    }

    #main 
    {
        width: 100%;
        float: left;
    }

    .advertising 
    {
        display: none;
    }
}

@media screen and (max-width: 1151px) and (min-width: 800px) 
{
    #image-contactus-header
    {
        height: 300px;
        background-image: url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_2200x300.png");
        background-color: #fff;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
    } 
}

@media only screen and (max-width : 940px), only screen and (max-device-width : 940px)
{
 .galleryItem {width: 21%;}
}
 
@media only screen and (max-width : 720px), only screen and (max-device-width : 720px)
{
 .galleryItem {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px), only screen and (max-device-width : 530px)
{
 .galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px), only screen and (max-device-width : 320px)
{
 .galleryItem {width: 96%;}
 .galleryItem img {width: 96%;}
 .galleryItem h3 {font-size: 18px;}
 .galleryItem p, {font-size: 18px;}
}

@media screen and (max-width: 799px) and (min-width: 320px) 
{
    #image-cisar2018-header
    {
        height: 300px;
        background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }  

    #image-csyp-header
    {
        height: 300px;
        background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }      

   #image-3CTerr2018-header
    {
        height: 300px;
        background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_orange_2200x300.png");
        background-color: #fff;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }      

   #image-contactus-header
    {
        height: 300px;
        background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_header_2200x300.png");
        background-color: #fff;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }     


    #vertical_navigation_menu 
    {
        width: 100%;
        float:left;
        padding-left: 6%;
        padding-top: 2%;      
    }

    #MMcontent 
    {
        width: 100%;
        float:left;  
        padding-left: 6%;       
    }

    #main
    {
        width: 100%;
        
    }
     
    .advertising,
    .events,
    .visitsstats,
    .geolocation
    {
        display: none;
    }


    .rhomelink 
    {
        display: block;
        opacity: 1;
        -webkit-animation: display-none-transition 3s both;
        animation: display-none-transition 3s both;
    }

    @-webkit-keyframes display-none-transition 
    {
        0% {
            opacity: 0;
        }
    }

    @keyframes display-none-transition 
    {
        0% {
            opacity: 0;
        }
    }

    .homelink {
        display: none;
        opacity: 0;
    }

    #home {
        position: absolute;
        margin: auto;
        top: 50px;
        right: 0;
        left: 0;
        width: 200px;
        height: 200px;
        background-color: transparent;
        border-radius: 3px;
    }

}